*{
    margin: 0;
    padding: 0;
}
html{
    font-size: 5.333333vw;
    background-image: url(../img/pkjj89.png);
}
a{
    text-decoration: none;
    color: cyan;
}
aside{
    height: 2.5rem;
    width: 2.5rem;
    text-align: center;
    line-height: 2.5rem;
    /* /* animation-name: move; */
    animation-duration: 3s;
    animation-timing-function: linear;
    animation-fill-mode: both;
    position: absolute;
    font-size: 1.5rem;

}
aside:nth-child(1){
    left: -5rem;
    top: 0;
    animation-name: move1;
    
}
aside:nth-child(2){

    left: -5rem;
    top: 10rem;
    animation-name: move2;
}
aside:nth-child(3){

    left: -5rem;
    top: 20rem;
    animation-name: move3;
}
aside:nth-child(4){

    left: -5rem;
    top: 30rem;
    animation-name: move4;
}
aside:nth-child(5){

    left: -5rem;
    top: 40rem;
    animation-name: move5;
}
aside:nth-child(6){

    right:-5rem;
    top: 10rem;
    animation-name: move6;
}
aside:nth-child(7){

    right:-5rem;
    top: 15rem;
    animation-name: move7;
}
aside:nth-child(8){

    right:-5rem;
    top: 20rem;
    animation-name: move8;
}
aside:nth-child(9){

    right:-5rem;
    top: 25rem;
    animation-name: move9;
}
@keyframes move1{
    0%{
        transform: rotateX(0deg) rotateY(0deg);
        left: -5rem;
        top: 0;

    }
    100%{
        transform: rotateX(360deg) rotateY(360deg);
        left: 0rem;
        top: 15rem;
    }
}
@keyframes move2{
    0%{
        transform: rotateX(0deg) rotateY(0deg) ;
        left: -5rem;
        top: 10rem;

    }
    100%{
        transform: rotateX(360deg) rotateY(360deg) ;
        left: 2rem;
        top: 15rem;

    }
}
@keyframes move3{
    0%{
        transform: rotateX(0deg) rotateY(0deg) ;
        left: -5rem;
        top: 20rem;

    }
    100%{
        transform: rotateX(360deg) rotateY(360deg) ;
        left: 4rem;
        top: 15rem;
    }
}
@keyframes move4{
    0%{
        transform: rotateX(0deg) rotateY(0deg) ;
        left: -5rem;
        top: 30rem;

    }
    100%{
        transform: rotateX(360deg) rotateY(360deg) ;
        left: 6rem;
        top: 15rem;
    }
}
@keyframes move5{
    0%{
        transform: rotateX(0deg) rotateY(0deg) ;
        left: -5rem;
        top: 40rem;

    }
    100%{
        transform: rotateX(360deg) rotateY(360deg) ;
        left: 8rem;
        top: 15rem;
    }
}
@keyframes move6{
    0%{
        transform: rotateX(0deg) rotateY(0deg) ;
        right:-5rem;
        top: 5rem;

    }
    100%{
        transform: rotateX(360deg) rotateY(360deg) ;
        right: 6rem;
        top: 15rem;
    }
}
@keyframes move7{
    0%{
        transform: rotateX(0deg) rotateY(0deg) ;
        right:-5rem;
        top: 10rem;

    }
    100%{
        transform: rotateX(360deg) rotateY(360deg) ;
        right: 4rem;
        top: 15rem;
    }
}
@keyframes move8{
    0%{
        transform: rotateX(0deg) rotateY(0deg) ;
        right:-5rem;
        top: 15rem;

    }
    100%{
        transform: rotateX(360deg) rotateY(360deg) ;
        right: 2rem;
        top: 15rem;
    }
}
@keyframes move9{
    0%{
        transform: rotateX(0deg) rotateY(0deg) ;
        right:-5rem;
        top: 20rem;

    }
    100%{
        transform: rotateX(360deg) rotateY(360deg) ;
        right: 0rem;
        top: 15rem;
    }
}
